<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Ajax回调地狱</title>
  </head>

  <body>

  </body>
  <script src="./jquery-1.11.3.js"></script>
  <script>
    /* 
    Ajax回调地狱
     */
    // 不用写


    // http://kumanxuan1.f3322.net:8809/index/banners/travel
    // http://kumanxuan1.f3322.net:8809/strategies/themes
    // http://kumanxuan1.f3322.net:8809/travels/query

    // 第一个页面渲染完成之后。再做第二个页面的渲染
    // 第二个页面渲染完成之后。再做第三个页面的渲染
    $.ajax({
      url: "http://kumanxuan1.f3322.net:8809/index/banners/travel",
      type: "GET",
      success(res) {
        if (res.code == 200) {
          console.log("第一个请求完成");
          console.log("我是100行代码");
          //必须在第一次完成后，再发送请求
          $.ajax({
            url: "http://kumanxuan1.f3322.net:8809/strategies/themes",
            type: "GET",
            success(res) {
              if (res.code == 200) {
                console.log("第二个请求完成");
                console.log("我是100行代码");
                $.ajax({
                  url: "http://kumanxuan1.f3322.net:8809/travels/query",
                  type: "GET",
                  success(res) {
                    if (res.code == 200) {
                      console.log("第三个请求完成");
                      console.log("我是100行代码");
                    }
                  }
                })
              }
            }
          })
        }
      }
    })
  </script>

</html>